<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>伪类</title>
    <!-- 伪元素 -->
    <!-- :first-letter  将特殊的样式添加到文本的首字母
    :first-letter  将特殊的样式添加到文本的首行
    :bdfore 在某元素之后插入某些内容  content属性必须有,没有就写 content=""
    :after  在某元素之后插入某些内容  content属性必须有,没有就写 content=""-->
    <!-- 伪类选择器 -->
    <!-- :nth-child(odd) 奇数行  :nth-child(2n+1)
    :nth-child(even) 偶数行    :nth-child(2n)
    :only-child 选择的元素是他的父元素的唯一一个子元素
    :emoty 选择的元素里面没有任何内容 -->
    <style>
        body {
            text-align: center;
            margin-top: 20px;
        }

        img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            transition: 0.5s;
            cursor: pointer;
        }

        img:hover {
            transform: scale(1.5);
            /* 放大倍数 */
        }
    </style>
</head>

<body>
    <img src="img/1.png">
</body>

</html>